﻿/*skin-dark-blue*/

.skin-dark-blue .main-header .logo {
    background-color: #03152A;
}

.skin-dark-blue .main-sidebar{
    background-color: #03152A;
}

.skin-dark-blue .sidebar-menu > li > .treeview-menu {
    background-color: #052142 !important;
}

.skin-dark-blue .sidebar-menu > li:hover > a, .skin-dark-blue .sidebar-menu > li:active > a, .skin-dark-blue .sidebar-menu > li.menu-open > a {
    background-color: #01050a !important;
}

.skin-dark-blue .sidebar-menu .treeview-menu > li.active, .skin-dark-blue .sidebar-menu .treeview-menu > li:hover {
    background-color: #3B91FF !important;
}

.skin-dark-blue .page-tabs a.active,
.skin-dark-blue .main-header .navbar-nav > li:before {
    border-top-color: #03152A;
}
/*skin-coffee*/
.skin-coffee .main-header .logo {
    background-color: #2E241B !important;
}

.skin-coffee .main-sidebar {
    background-color: #2E241B;
}

.skin-coffee .sidebar-menu > li > .treeview-menu {
    background-color: #3e3023 !important;
}


.skin-coffee .sidebar-menu > li:hover > a, .skin-coffee .sidebar-menu > li:active > a, .skin-coffee .sidebar-menu > li.menu-open > a {
    background-color: #15110e !important;
}

.skin-coffee .sidebar-menu .treeview-menu > li.active, .skin-coffee .sidebar-menu .treeview-menu > li:hover {
    background-color: #A48566 !important;
}

.skin-coffee .page-tabs a.active, 
.skin-coffee .main-header .navbar-nav > li:before {
    border-top-color: #2E241B;
}

/*skin-purple-red*/
.skin-purple-red .main-header .logo {
    background-color: #50314F !important;
}

.skin-purple-red .main-sidebar {
    background-color: #50314F;
}

.skin-purple-red .sidebar-menu > li > .treeview-menu {
    background-color: rgb(80, 55, 79) !important;
}


.skin-purple-red .sidebar-menu > li:hover > a, .skin-purple-red .sidebar-menu > li:active > a, .skin-purple-red .sidebar-menu > li.menu-open > a {
    background-color: #5a405a !important;
}

.skin-purple-red .sidebar-menu .treeview-menu > li.active, .skin-purple-red .sidebar-menu .treeview-menu > li:hover {
    background-color: #7A4D7B !important;
}

.skin-purple-red .page-tabs a.active,
.skin-purple-red .main-header .navbar-nav > li:before {
    border-top-color: #50314F;
}

/*skin-green*/
.skin-green .main-header .logo {
    background-color: #2F9688 !important
}

.skin-green .main-sidebar {
    background-color: #3A3D49;
}


.skin-green .sidebar-menu > li > .treeview-menu {
    background-color: #494c58;
}

.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li:active > a,
.skin-green .sidebar-menu > li.menu-open > a {
    background-color: #24262d !important;
}

.skin-green .sidebar-menu .treeview-menu > li.active,
.skin-green .sidebar-menu .treeview-menu > li:hover {
    background-color: #5FB878 !important;
}


.skin-green .page-tabs a.active,
.skin-green .main-header .navbar-nav > li:before {
    border-top-color: #3A3D49;
}

/*skin-red*/
.skin-red .main-header .logo {
    background-color: #AA3130 !important
}

.skin-red .main-sidebar {
    background-color: #28333e;
}


.skin-red .sidebar-menu > li > .treeview-menu {
    background-color: #374654  !important;
}

.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li:active > a,
.skin-red .sidebar-menu > li.menu-open > a {
    background-color: #161d23 !important;
}

.skin-red .sidebar-menu .treeview-menu > li.active,
.skin-red .sidebar-menu .treeview-menu > li:hover {
    background-color: #AA3130 !important;
}


.skin-red .page-tabs a.active, .main-header .navbar-nav > li:before {
    border-top-color: #28333e;
}

.skin-red .logo-lg b, 
.skin-red .logo-mini b {
    color: #3c8dbc;
}



/*skin-ocean-header*/
.skin-ocean-header .main-header .logo {
    background-color: #0085E8 !important
}

.skin-ocean-header .main-header .navbar {
    background-color: #1E9FFF;
}
.skin-ocean-header .main-header .navbar-nav > li > a {
    color: #fff;
}

.skin-ocean-header .main-sidebar {
    background-color: #344058;
}


.skin-ocean-header .sidebar-menu > li > .treeview-menu {
    background-color: #445473 !important;
}

.skin-ocean-header .sidebar-menu > li:hover > a,
.skin-ocean-header .sidebar-menu > li:active > a,
.skin-ocean-header .sidebar-menu > li.menu-open > a {
    background-color: #293244 !important;
}

.skin-ocean-header .sidebar-menu .treeview-menu > li.active,
.skin-ocean-header .sidebar-menu .treeview-menu > li:hover {
    background-color: #1E9FFF !important;
}


.skin-ocean-header .page-tabs a.active,
.skin-ocean-header .main-header .navbar-nav > li:before {
    border-top-color: #f6f6f6;
}

.skin-ocean-header .logo-lg b,
.skin-ocean-header .logo-mini b {
    color: #8c1818;
}


/*skin-classic-black-header*/
.skin-classic-black-header .main-header .logo {
    background-color: #20222A !important
}

.skin-classic-black-header .main-header .navbar {
    background-color: #344058;
}

.skin-classic-black-header .main-header .navbar-nav > li > a {
    color: #fff;
}

.skin-classic-black-header .main-sidebar {
    background-color: #20222A;
}


.skin-classic-black-header .sidebar-menu > li > .treeview-menu {
    background-color: #2f323e !important;
}

.skin-classic-black-header .sidebar-menu > li:hover > a,
.skin-classic-black-header .sidebar-menu > li:active > a,
.skin-classic-black-header .sidebar-menu > li.menu-open > a {
    background-color: #1c1e25 !important;
}

.skin-classic-black-header .sidebar-menu .treeview-menu > li.active,
.skin-classic-black-header .sidebar-menu .treeview-menu > li:hover {
    background-color: #009688 !important;
}


.skin-classic-black-header .page-tabs a.active,
.skin-classic-black-header .main-header .navbar-nav > li:before {
    border-top-color: #f6f6f6;
}

.skin-classic-black-header .logo-lg b, 
.skin-classic-black-header .logo-mini b {
    color: #8c1818;
}


/*skin-fashion-red-header*/
.skin-fashion-red-header .main-header .logo {
    background-color: #28333E !important
}

.skin-fashion-red-header .main-header .navbar {
    background-color: #AA3130;
}

.skin-fashion-red-header .main-header .navbar-nav > li > a {
    color: #fff;
}

.skin-fashion-red-header .main-sidebar {
    background-color: #28333E;
}


.skin-fashion-red-header .sidebar-menu > li > .treeview-menu {
    background-color: #2f323e !important;
}

.skin-fashion-red-header .sidebar-menu > li:hover > a,
.skin-fashion-red-header .sidebar-menu > li:active > a,
.skin-fashion-red-header .sidebar-menu > li.menu-open > a {
    background-color: #212a33 !important;
}

.skin-fashion-red-header .sidebar-menu .treeview-menu > li.active,
.skin-fashion-red-header .sidebar-menu .treeview-menu > li:hover {
    background-color: #AA3130 !important;
}


.skin-fashion-red-header .page-tabs a.active,
.skin-fashion-red-header .main-header .navbar-nav > li:before {
    border-top-color: #f6f6f6;
}

.skin-fashion-red-header .logo-lg b,
.skin-fashion-red-header .logo-mini b {
    color: #8c1818;
}


/*skin-green-header*/
.skin-green-header .main-header .logo {
    background-color: #009688 !important
}

.skin-green-header .main-header .navbar {
    background-color: #009688;
}

.skin-green-header .main-header .navbar-nav > li > a {
    color: #fff;
}

.skin-green-header .main-sidebar {
    background-color: #28333e;
}


.skin-green-header .sidebar-menu > li > .treeview-menu {
    background-color: #334250 !important;
}

.skin-green-header .sidebar-menu > li:hover > a,
.skin-green-header .sidebar-menu > li:active > a,
.skin-green-header .sidebar-menu > li.menu-open > a {
    background-color: #222c35 !important;
}

.skin-green-header .sidebar-menu .treeview-menu > li.active,
.skin-green-header .sidebar-menu .treeview-menu > li:hover {
    background-color: #009688 !important;
}


.skin-green-header .page-tabs a.active,
.skin-green-header .main-header .navbar-nav > li:before {
    border-top-color: #f6f6f6;
}

.skin-green-header .logo-lg b,
.skin-green-header .logo-mini b {
    color: #8c1818;
}
